<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/lib/class_index.css">
<link rel="stylesheet" href="css/lib/class_notice.css">
</head>
<body>
	<div class="top">
		<div class="container top-cont clearfix">
			<p class="fl">欢迎登陆北京市教师培训平台</p>
			<a class="fr" href="#">
				<i class="iconfont">&#xe601;</i>
				移动端客户端下载
			</a>
		</div>
	</div>
	<div class="header">
		<div class="container header-bar clearfix">
			<div class="navbar-header">
				<a href="#">
					<img src="images/icon/logo.png" alt="">
				</a>
			</div>
			<ul class="nav navbar-right">
				<li>
					<a href="#">
						<i class="iconfont">&#xe604;</i>
						短消息
					</a>
				</li>
				<li>
					<a href="#">
						<i class="iconfont">&#xe602;</i>
						个人中心
					</a>
				</li>
				<li>
					<a href="#">
						<i class="iconfont">&#xe603;</i>
						退出
					</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 内容区域 -->
	<div class="container clearfix">
		<div class="c-top clearfix">
			<div class="c-top-head">
				<a href="#">
					<img src="images/img/class.png" alt="">
				</a>
			</div>
			<div class="c-top-cont">
				<p>
					<span>
						班级名称：
					</span>
					<span class="f18">我是班级名称~</span>
				</p>
				<p>
					<span>辅导教师：</span>
					<span>李天真  张晓海    汪阑珊</span>


				</p>
				<p>
					<span>项目名称：</span>
					<span>北京市西城区教师培训</span>
				</p>
				<p>
					<span>班级介绍：</span>
					<span>我是班级介绍我是班级介绍我是班级介绍我是班级介绍我是班级介绍我是班级介绍我是班级介绍我是班级介绍我是
                  班级介绍我是班级介绍我是班级介绍我是班级介绍我是班级介绍。</span>
                  <a class="compile" href="#">[编辑]</a>
				</p>
			</div>
		</div>
		<div class="c-navbar">
			<ul>
				<li class="c-addColor">
					<a href="#">班级首页</a>
				</li>
				<li>
					<a href="#">通知公告</a>
				</li>
				<li>
					<a href="#">学习简报</a>
				</li>
				<li>
					<a href="#">学习研讨</a>
				</li>
				<li>
					<a href="#">学习资源</a>
				</li>
				<li>
					<a href="#">提问答疑</a>
				</li>
				<li>
					<a href="#">课堂作业</a>
				</li>
			</ul>
		</div>
		<div class="mian clearfix">
			<!-- c-right -->
			<div class="c-right">
				<div class="item item-n item-w">
					<h4 class="item-tit">
						<span>提问答疑</span>
					</h4>
					<div class="not-mian">
						<ul class="lesson-tab-tit clearfix tab-tit">
							<li class="activity-tit">全部</li>
							<li>推荐</li>
						</ul>
						<div class="tab-con">
							<div class="tabs lesson-tab-cont activity-con">
								<ul class="lesson-tab-cont-ul">
									<li>
										<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
										<span class="time">01-20</span>
										<a href="#">查看详情</a>
									</li>
									<li>
										<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
										<span class="time">01-20</span>
										<span class="time">01-20</span>
										<span class="time">01-20</span>
										<a href="#">查看详情</a>
									</li>
									<li>
										<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
										<span class="time">01-20</span>
										<a href="#">查看详情</a>
									</li>
									<li>
										<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
										<span class="time">01-20</span>
										<span class="time">01-20</span>
										<span class="time">01-20</span>
										<span class="time">01-20</span>
										<a href="#">查看详情</a>
									</li>
									<li>
										<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
										<span class="time">01-20</span>
										<a href="#">查看详情</a>
									</li>
									<li>
										<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
										<span class="time">01-20</span>
										<a href="#">查看详情</a>
									</li>
									<li>
										<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
										<span class="time">01-20</span>
										<a href="#">查看详情</a>
									</li>
									<li>
										<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
										<span class="time">01-20</span>
										<a href="#">查看详情</a>
									</li>
									<li>
										<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
										<span class="time">01-20</span>
										<a href="#">查看详情</a>
									</li>
								</ul>
								<div class="nav-p text-right">
									<ul class="pagination">
										<li>
											<a href="#" aria-label="Previous">
												<span aria-hidden="true">上一页</span>
											</a>
										</li>
										<li class="active">
											<a href="#">1</a>
										</li>
										<li>
											<a href="#">2</a>
										</li>
										<li>
											<a href="#">...</a>
										</li>
										<li>
											<a href="#">4</a>
										</li>
										<li>
											<a href="#">5</a>
										</li>
										<li>
											<a href="#" aria-label="Next">
												<span aria-hidden="true">下一页</span>
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="tabs lesson-tab-cont">
								b
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- c-left -->
			<div class="c-left">
				<div class="item">
					<h4 class="item-tit">
						<span>辅导教师</span>
					</h4>
					<div class="c-item-te">
						<div class="media">
							<div class="media-left">
								<a class="head-img-s head-img-xs" href="#">
									<img class="media-object" src="http://img6.faloo.com/Picture/0x0/0/52/52522.jpg" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h4 class="media-heading">深田恭子</h4>
								<p class="c999">
									北京师范大学讲师
								</p>
							</div>
						</div>
						<div class="media">
							<div class="media-left">
								<a class="head-img-s head-img-xs" href="#">
									<img class="media-object" src="http://img6.faloo.com/Picture/0x0/0/52/52522.jpg" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h4 class="media-heading">深田恭子</h4>
								<p class="c999">
									北京师范大学讲师
								</p>
							</div>
						</div>
						<div class="media">
							<div class="media-left">
								<a class="head-img-s head-img-xs" href="#">
									<img class="media-object" src="http://img6.faloo.com/Picture/0x0/0/52/52522.jpg" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h4 class="media-heading">深田恭子</h4>
								<p class="c999">
									北京师范大学讲师
								</p>
							</div>
						</div>
						<div class="media">
							<div class="media-left">
								<a class="head-img-s head-img-xs" href="#">
									<img class="media-object" src="http://img6.faloo.com/Picture/0x0/0/52/52522.jpg" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h4 class="media-heading">深田恭子</h4>
								<p class="c999">
									北京师范大学讲师
								</p>
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<h4 class="item-tit">
						<span>班级成员</span>
						<a class="more" href="#">更多>></a>
					</h4>
					<div class="item-name">
						<ul>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="item">
					<h4 class="item-tit">
						<span>最近访客</span>
						<a class="more" href="#">更多>></a>
					</h4>
					<div class="item-head">
						<ul>
							<li>
								<a class="head-img-s head-img-small" href="#">
									<img src="http://www.52tq.net/uploads/allimg/160203/100GH623-2.jpg" alt="">
								</a>
								<p class="">孙秋静</p>
							</li>
							<li>
								<a class="head-img-s head-img-small" href="#">
									<img src="http://www.52tq.net/uploads/allimg/160203/100GH623-2.jpg" alt="">
								</a>
								<p class="">孙秋静</p>
							</li>
							<li>
								<a class="head-img-s head-img-small" href="#">
									<img src="http://www.52tq.net/uploads/allimg/160203/100GH623-2.jpg" alt="">
								</a>
								<p class="">孙秋静</p>
							</li>
							<li>
								<a class="head-img-s head-img-small" href="#">
									<img src="http://www.52tq.net/uploads/allimg/160203/100GH623-2.jpg" alt="">
								</a>
								<p class="">孙秋静</p>
							</li>
							<li>
								<a class="head-img-s head-img-small" href="#">
									<img src="http://www.52tq.net/uploads/allimg/160203/100GH623-2.jpg" alt="">
								</a>
								<p class="">孙秋静</p>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- footer -->
	<div class="footer">
		<div class="footer-cont container">
			<ul>
				<li>
					<a href="#">关于我们</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">联系我们</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">网站地图</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">网站声明</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">友情链接</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">帮助中心</a>
				</li>
			</ul>
			<p>版权所有 2015 ©北京思纽教育科技有限公司  京ICP备1006888号</p>
		</div>
	</div>
<script type="text/javascript" src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
	$("body").on("click",".tab-tit li",function(){
		var $this = $(this),
		 	$tabs = $this.closest('.tab-tit').siblings(".tab-con").children('.tabs');
		$this.addClass('activity-tit').siblings().removeClass('activity-tit');
		$tabs.removeClass('activity-con');
		$tabs.eq($this.index()).addClass('activity-con');
	})
});
</script>
</body>
</html
